<template>
      <Header />
      <div class="container">
        <Sidebar />
        <div class="el-main">
            <router-view />
        </div>
      </div>
      <ComposeMail />
  </template>
  
  <script setup>
  import Header from '../components/Header.vue';
  import Sidebar from '../components/Sidebar.vue';
  import ComposeMail from '../components/ComposeMail.vue';
  </script>
  
  <style lang="less" scoped>
  @import "../assets/styles/global.less";
  
  .container {
    display: flex;
    height: calc(100vh - 60px);
  }
  .el-main{
    background-color:rgb(248, 250, 253);
  }
  
  </style>